﻿<!DOCTYPE html>
<!--[if IE]><![endif]-->
<html>
  
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Neutronium </title>
    <meta name="viewport" content="width=device-width">
    <meta name="title" content="Neutronium ">
    <meta name="generator" content="docfx 2.40.7.0">
    
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="styles/docfx.vendor.css">
    <link rel="stylesheet" href="styles/docfx.css">
    <link rel="stylesheet" href="styles/main.css">
    <meta property="docfx:navrel" content="toc.html">
    <meta property="docfx:tocrel" content="toc.html">
    
    
    
  </head>
  <body data-spy="scroll" data-target="#affix" data-offset="120">
    <div id="wrapper">
      <header>
        
        <nav id="autocollapse" class="navbar navbar-inverse ng-scope" role="navigation">
          <div class="container">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              
              <a class="navbar-brand" href="index.html">
                <img id="logo" class="svg" src="logo.svg" alt="">
              </a>
            </div>
            <div class="collapse navbar-collapse" id="navbar">
              <form class="navbar-form navbar-right" role="search" id="search">
                <div class="form-group">
                  <input type="text" class="form-control" id="search-query" placeholder="Search" autocomplete="off">
                </div>
              </form>
            </div>
          </div>
        </nav>
        
        <div class="subnav navbar navbar-default">
          <div class="container hide-when-search" id="breadcrumb">
            <ul class="breadcrumb">
              <li></li>
            </ul>
          </div>
        </div>
      </header>
      <div role="main" class="container body-content hide-when-search">
        <div class="article row grid">
          <div class="col-md-10">
            <article class="content wrap" id="_content" data-uid="">

<p align="center"><img width="100" src="images/logo.png"></p>
<h1 align="center">Neutronium</h1>
<p><a href="https://ci.appveyor.com/project/David-Desmaisons/neutronium"><img src="https://img.shields.io/appveyor/ci/David-Desmaisons/Neutronium.svg?maxAge=2592000" alt="Build status"></a>
<a href="https://www.nuget.org/packages/Neutronium.Core/"><img src="https://buildstats.info/nuget/Neutronium.Core" alt="NuGet Badge"></a>
<a href="https://github.com/NeutroniumCore/Neutronium/blob/master/LICENSE"><img src="https://img.shields.io/github/license/NeutroniumCore/Neutronium.svg" alt="MIT License"></a>
<a href="https://github.com/NeutroniumCore/Neutronium/"><img src="https://img.shields.io/github/stars/NeutroniumCore/Neutronium.svg?label=Stars&amp;style=social" alt="github"></a></p>
<a href="https://github.com/NeutroniumCore/Neutronium" target="_blank">
  <img style="position: fixed; top: 0; right: 0; border: 0; z-index:99999" width="149" height="149" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_gray_6d6d6d.png?resize=149%2C149" class="attachment-full size-full" alt="Fork me on GitHub" data-recalc-dims="1">
</a>
<h2 id="what-is-neutronium">What is Neutronium?</h2>
<ul>
<li><p>Neutronium is a UI library to create <strong>.NET desktop applications</strong> using <strong>HTML, CSS</strong> and <strong>javascript</strong>.</p>
</li>
<li><p>Neutronium uses <strong><a href="https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93viewmodel">MVVM pattern</a></strong> exactly the same way as WPF application.</p>
</li>
<li><p>Neutronium provides bindings with <strong>Vue.js</strong>, <strong>mobx.js</strong> and <strong>Knockout.js</strong> to build powerful HTML5 UI.</p>
</li>
</ul>
<h2 id="why-neutronium">Why Neutronium?</h2>
<ul>
<li><p>Use all the <strong>power of the javascript stack</strong> to build .NET desktop applications.</p>
</li>
<li><p><strong>Easy to use</strong>:</p>
<ul>
<li>Architecture Neutronium application <strong>just like standard WPF</strong> application.</li>
<li><strong>Compatible</strong> with popular <strong>MVVM libraries</strong> such as <a href="http://www.mvvmlight.net/">MVVM Light Toolkit</a> and <a href="http://reactiveui.net/">reactiveUi</a></li>
<li>Use <strong>standard javascript frameworks</strong> to build UI</li>
</ul>
</li>
<li><p><strong>Easy to set-up</strong>:</p>
<ul>
<li><p><strong><a href="https://visualstudiogallery.msdn.microsoft.com/c7679997-e25b-4a79-a65f-30758fb756d8">Solution template</a></strong> available for a quick start</p>
</li>
<li><p><strong><a href="https://github.com/NeutroniumCore/vue-cli-plugin-neutronium">Use javascript framework cli tools</a></strong> to use the same tool chain as web developmenet taking chance of tools such as live reload.</p>
</li>
<li><p><strong>Reuse</strong> ViewModel designed for WPF with a different View Engine.</p>
</li>
</ul>
</li>
<li><p>Build UI on a 100% <strong>Open Source Stack</strong></p>
</li>
</ul>
<h2 id="support">Support</h2>
<p>Many thanks to <a href="https://www.jetbrains.com">JetBrains</a> for support!</p>
</article>
          </div>
          
          <div class="hidden-sm col-md-2" role="complementary">
            <div class="sideaffix">
              <div class="contribution">
                <ul class="nav">
                  <li>
                    <a href="https://github.com/NeutroniumCore/Neutronium/blob/master/Documentation/Neutronium.Documentation/index.md/#L1" class="contribution-link">Improve this Doc</a>
                  </li>
                </ul>
              </div>
              <nav class="bs-docs-sidebar hidden-print hidden-xs hidden-sm affix" id="affix">
              <!-- <p><a class="back-to-top" href="#top">Back to top</a><p> -->
              </nav>
            </div>
          </div>
        </div>
      </div>
      
      <footer>
        <div class="grad-bottom"></div>
        <div class="footer">
          <div class="container">
            <span class="pull-right">
              <a href="#top">Back to top</a>
            </span>
            
            <span>Generated by <strong>DocFX</strong></span>
          </div>
        </div>
      </footer>
    </div>
    
    <script type="text/javascript" src="styles/docfx.vendor.js"></script>
    <script type="text/javascript" src="styles/docfx.js"></script>
    <script type="text/javascript" src="styles/main.js"></script>
  </body>
</html>
